<template>
  <!-- <el-button type="primary" @click="handleLogin">测试登录</el-button>
  <el-button type="danger" @click="handleUserList">测试获取用户请求</el-button> -->
  <router-view></router-view>
</template>
<script setup>
// import requestUtil from '@/utils/request'
import store from './store';

// const handleLogin = async () => {
//   let result = await requestUtil.get('test/login');
//   const token = result.data.data
//   console.log("token", token)
//   store.commit('SET_TOKEN', token)
// }

// const handleUserList = async () => {
//   let result = await requestUtil.get('test/user/list');
//   console.log(result.data)
// }
import { ref, watch } from 'vue'
import { useRoute, useRouter } from 'vue-router'
const route = useRoute();
const router = useRouter();
const whitePath = ['/login', '/index', '/']


watch(route, (to, from) => {
  console.log("to" + to.name)
  console.log(to.path)

  if (whitePath.indexOf(to.path) === -1) {
    console.log("to.path=" + to.path)
    let obj = {
      name: to.name,
      path: to.path
    }

    store.commit("ADD_TABS", obj)
  }

}, { deep: true, immediate: true })

</script>
<style>
html,
body,
#app {
  height: 100%;
}

.app-container {
  padding: 20px
}
</style>